<!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" lang="en-US">
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" lang="en-US">
<![endif]-->
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html lang="en-US">
<!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Mtons.com</title>

<link rel='stylesheet' media='all'
	href='./dist/css/font-awesome.min.css' />
<link rel="stylesheet" href="./dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./dist/css/style.css">
<link rel="stylesheet" href="./dist/css/layout.css">
<link rel="stylesheet" href="./dist/css/animate.css">

<!-- JavaScript -->
<script type="text/javascript" src="./dist/js/jquery.min.js"></script>
<script type="text/javascript" src="./dist/js/bootstrap.min.js"></script>

<style>
</style>
</head>
<body>
	<div class="top-wrap">
		<nav class="navbar navbar-inverse" role="navigation">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed"
						data-toggle="collapse" data-target="#navbar" aria-expanded="false"
						aria-controls="navbar">
						<span class="sr-only">Toggle navigation</span> <span
							class="icon-bar"></span> <span class="icon-bar"></span> <span
							class="icon-bar"></span>
					</button>
					<a class="navbar-brand logo" href="#"><img
						src="http://mtons.com/dist/images/logo/m.png"></a>
				</div>
				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li><a href="#">发现</a></li>
						<li><a href="#">走廊</a></li>
					</ul>
					
					<div class="search-box navbar-left">
						<form class="navbar-form" method="get"
							action="/browse/search">
							<input type="text" class="form-control" name="q"
								placeholder="搜索...">
							<span class="search-btn">
								<i class="fa fa-search"></i>
							</span>
						</form>
					</div>
					<ul class="nav navbar-nav navbar-right">
						<li class="dropdown">
							<a href="#" class="ava dropdown-toggle" data-toggle="dropdown">
								<img class="img-circle" src="http://mtons.com/dist/images/ava/default.png">
							</a>
							<ul class="dropdown-menu" role="menu">
				                <li>
				                	<a href="/account/profile" class="ava">
				                		<img class="img-circle" src="http://mtons.com/dist/images/ava/default.png">
				                		<span>admin</span>
				                	</a>
				               	</li>
				                <li class="divider"></li>
				                <li><a href="/logout">退出</a></li>
				              </ul>
						</li>
					</ul>
				</div>
			</div>
		</nav>
	</div>
	
	<div class="wrap">
		<div class="container">
			<div class="row">
				<div class="main clearfix">
					<!-- left -->
					<div class="col-xs-12 col-md-9 side-left">
						<div class="shadow-box">
							<!-- tab -->
							<div class="filter">
								<ul class="">
		                       		<li><a class="active" href="/blogs">推荐的</a></li>
		                        	<li><a href="/blogs/newest">全部的</a></li>
		                        	<li><a href="/blogs/hottest">热门的</a></li>
		                    	</ul>
							</div>
							
		                    <!-- tab end -->
		                    
		                    <!-- tab panes -->
		                    <div class="stream-list">
		                    	<div class="stream-item">
		                    		<div class="blog-rank">
								        <div class="votes plus">
								            0<small>推荐</small>
								        </div>
								        <div class="views hidden-xs">
								            7<small>浏览</small>
								        </div>
								    </div>
								    <div class="summary">
								        <h2 class="title"><a href="/a/1190000002666017">Text Justification@LeetCode</a></h2>
								        <div class="excerpt wordbreak hidden-xs">Text Justification 这一题主要考察的还是对边界条件的控制，并没有太高深的算法，但是编写的难度不低，而且想一次通过非常难。 我采用的办法： 首先，筛选出一行中应该包括的单词，这里要考虑空格还要占用掉的长...</div>
								    	<div class="foot-block clearfix">
								    		<div class="author"><span><a href="#">admin</a></span><time>2015-11-12</time></div>
								    		<ul class="tags">
								    			<li>
								    				<a class="tag tag-sm" href="#">javascript</a>
								    				<a class="tag tag-sm" href="#">javascript</a>
								    				<a class="tag tag-sm" href="#">javascript</a>
												</li>
								    		</ul>
								    		<div class="pull-right hidden-xs">
								    			<a href="#" class="act">编辑</a>
								    			<a href="#" class="act">删除</a>
								    		</div>
								    	</div>
								    </div>
		                    	</div>
		                    	
		                    	<div class="stream-item">
		                    		<div class="blog-rank">
								        <div class="user">
								            <img class="img-circle" src="http://mtons.com/dist/images/ava/default.png">
								        </div>
								    </div>
								    <div class="summary">
								        <div class="title"><a href="/a/1190000002666017">Text Justification@LeetCode</a></div>
								        <div class="excerpt wordbreak hidden-xs">Text Justification 这一题主要考察的还是对边界条件的控制，并没有太高深的算法，但是编写的难度不低，而且想一次通过非常难。 我采用的办法： 首先，筛选出一行中应该包括的单词，这里要考虑空格还要占用掉的长...</div>
								    	<div class="foot-block clearfix">
								    		<div class="author"><span><a href="#">admin</a></span><time>2015-11-12</time></div>
								    		<ul class="tags">
								    			<li>
								    				<a class="tag tag-sm" href="#">javascript</a>
								    				<a class="tag tag-sm" href="#">javascript</a>
												</li>
								    		</ul>
								    		<div class="pull-right hidden-xs">
								    			<a href="#" class="act">编辑</a>
								    			<a href="#" class="act">删除</a>
								    		</div>
								    	</div>
								    </div>
		                    	</div>
		                    	
		                    	<div class="stream-item">
		                    		<div class="blog-rank">
								        <div class="votes">
								            0<small>推荐</small>
								        </div>
								        <div class="views hidden-xs">
								            7<small>浏览</small>
								        </div>
								    </div>
								    <div class="summary">
								        <h2 class="title"><a href="/a/1190000002666017">Text Justification@LeetCode</a></h2>
								        <div class="excerpt wordbreak hidden-xs">Text Justification 这一题主要考察的还是对边界条件的控制，并没有太高深的算法，但是编写的难度不低，而且想一次通过非常难。 我采用的办法： 首先，筛选出一行中应该包括的单词，这里要考虑空格还要占用掉的长...</div>
								    	<div class="foot-block clearfix">
								    		<div class="author"><span><a href="#">admin</a></span><time>2015-11-12</time></div>
								    		<ul class="tags">
								    			<li>
								    				<a class="tag tag-sm" href="#">javascript</a>
								    				<a class="tag tag-sm" href="#">javascript</a>
								    				<a class="tag tag-sm" href="#">javascript</a>
												</li>
								    		</ul>
								    		<div class="pull-right hidden-xs">
								    			<a href="#" class="act">编辑</a>
								    			<a href="#" class="act">删除</a>
								    		</div>
								    	</div>
								    </div>
		                    	</div>
	                    	</div>
	                    </div>
	                    <!-- tab panes end -->
					</div>
					<!-- left end -->
					<div class="col-xs-12 col-md-3 side-right hidden-xs hidden-sm">
						<div class="widget-box shadow-box">
		                    <div class="title"><h3>热门文章</h3></div>
		                    <ul class="box-list">
								<li>
									<div class="li-out">
										<span class="last"><i>1</i></span>
										<span class="name"><a style="color: #428bca;" href="#" target="_blank">文章文章</a></span>
										<span class="nums">121</span>
									</div>
								</li>
								<li>
									<div class="li-out">
										<span class="last"><i>2</i></span>
										<span class="name"><a style="color: #428bca;" href="#" target="_blank">文章文章</a></span>
										<span class="nums">121</span>
									</div>
								</li>
							</ul>
		                </div>
		                <div class="widget-box shadow-box">
		                    <div class="title"><h3>热门标签</h3></div>
		                    <ul class="tags m10 text-center">
		                    	<li class="mb6"><a href="#" class="tag" title="有1篇文章">平台 </a></li>
		                    	<li class="mb6"><a href="#" class="tag" title="有1篇文章">平台 </a></li>
		                    	<li class="mb6"><a href="#" class="tag" title="有1篇文章">平台 </a></li>
		                    	<li class="mb6"><a href="#" class="tag" title="有1篇文章">平台 </a></li>
		                    	<li class="mb6"><a href="#" class="tag" title="有1篇文章">平台 </a></li>
		                    	<li class="mb6"><a href="#" class="tag" title="有1篇文章">平台 </a></li>
		                    	<li class="mb6"><a href="#" class="tag" title="有1篇文章">平台 </a></li>
		                    </ul>
		                </div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--.main -->

	<footer>
		<div class="footer-nav">
			<div class="container">
				<ul class="about-ul list-inline clearfix">
					<li><a href="/about" target="_blank">关于我们</a></li>
					<li><a href="/joinus" target="_blank">加入我们</a></li>
					<li><a href="/contact" target="_blank">广告及服务</a></li>
					<li><a href="/help" target="_blank">常见问题解答</a></li>
				</ul>
			</div>
		</div>
		<div class="container copy-right">
			<span>Copyright © <a href="#">Mtons</a> （<a
				href="http://www.miitbeian.gov.cn/" target="_blank">京ICP备6666666</a>)
			</span>
		</div>
	</footer>
	<a href="#" class="site-scroll-top"></a>
</body>
</html>
